<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../../public/css/bootstrap.min.css">

		<link rel="stylesheet" href="style.css">
		<script src="../../public/js/vue.js"></script>
		<script src="../../public/js/jquery.min.js"></script>
		<script src="../../public/js/bootstrap.min.js"></script>
		<link rel="icon" href="../../public/images/index/title.jpg">
		<title>生意专家官网——进销存管理_免费商品库存管理_店铺会员营销软件——生意专家</title>
	</head>
   <style type="text/css">
  html,body
  {
  	height: 90%;
  }
  
  	#nav li>a
   	{
   		font-family: "microsoft yahei";
   	}
  
    .texiao
    {
    	margin:0px auto;
    	width:100%;
	    height:900px;
    	border-bottom: 1px solid rgb(230,230,230);
    }
    .donghua 
    {
    	padding: 0 15px;
    	margin: 0 auto;
    	/*height: 900px;*/
    }
    .texiao h4
    {
    	font-size: 32px;
    	margin: 60px 0 60px 270px;	
    }
#wrap {
	width: 93%;
	margin:0px auto;
}

#wrap ul li:nth-child(2n-1) {
	position:relative;
	float:left;
	width:380px;
	height:230px;
	list-style:none;
	margin-right:12px;
	overflow:hidden;
	margin-bottom: 10px;
}
#wrap ul li:nth-child(2n) {
	position:relative;
	float:left;
	width:380px;
	height:425px;
	list-style:none;
	margin-right:12px;
	overflow:hidden;
	margin-bottom: 10px;
}
#wrap ul li:nth-child(2n-1) .cover {
	position:absolute;
	width:380px;
	height:230px;
	top:0px;
	left:380px;
	background-color: black;
	opacity: 0.4;
	padding-left:40px;
}
#wrap ul li:nth-child(2n) .cover {
	position:absolute;
	width:380px;
	height:425px;
	top:0px;
	left:380px;
	background-color:black;
	opacity: 0.7;
	padding-left: 40px;
}
#wrap ul li .cover p {
	font-size:14px;
	color:#fff;
	opacity: 1;
	font-weight: 400;
letter-spacing: 0.7px;
line-height: 22px;
}

.cover h3
{
	opacity: 1;
	padding-top:20px;
	font-size: 18px;
	color: white;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 1px solid grey;
}

#footer2
{
	position: relative;
	top: -305px;
	height: 300px;
	padding-top: 40px;
	background-color: #fafafa;
}
   </style>
	<body>
		<div id="nav"></div>
		<div class="model model2">
			<div class="text-center" id="model2">
				<h1 style="color: white;font-size: 55px">一个软件解决所有开店需求</h1>
				<h5 style="color: white;font-size: 20px;letter-spacing:3px;">收银记账 · 进销存 · 顾客管理 · 会员营销 · 微店</h5>
				<a href="" class="btn btn-large" style=" color: white;font-family: 'microsoft yahei';">立即注册</a>
			</div>
		</div>

		<div id="web2" class="bg-grey" style="height:400px; border-bottom: 1px solid rgb(230,230,230);">
			<div class="detiles text-center ">
				<div class="col-xs-4 col" v-for='item in intrs'>
					<img :src="item.img" alt="" width="90px" background-sezi="contain">
					<h5>{{item.h5}}</h5>
					<p>{{item.p}}</p>
					<p>{{item.p2}}</p>
				</div>
			</div>
		</div>

		<div class="bg-5">
			<div class="bg-5row">
				<div class="col-xs-5" style="margin-top: -30px;">
					<div class="m-t-45" style="margin-top:10px;">
						<h5>店铺管理</h5>
						<a href="" class="shop shop1">
							<dl class="shopdl" style="color: rgb(101,101,101);font-family: Arial;display: inline-block;">
								<dt style="font-size: 18px;">收银记账</dt>
								<dd style="font-size: 14px;">清楚每一笔销售，是开始好生意的第一步</dd>
							</dl>
						</a>
						<a href="" class="shop shop2">
							<dl class="shopdl" style="color: rgb(101,101,101);font-family: Arial;display: inline-block;">
								<dt style="font-size: 18px;">商品管理</dt>
								<dd style="font-size: 14px;">货品成千上万,照样轻松管理</dd>
							</dl>
						</a>
						<a href="" class="shop shop3">
							<dl class="shopdl" style="color: rgb(101,101,101);font-family: Arial;display: inline-block;">
								<dt style="font-size: 18px;">会员管理</dt>
								<dd style="font-size: 14px;">留下顾客信息,开展营销,回头客源源不断</dd>
							</dl>
						</a>
						<a href="" class="shop shop4">
							<dl class="shopdl" style="color: rgb(101,101,101);font-family: Arial;display: inline-block;">
								<dt style="font-size: 18px;">连锁店管理</dt>
								<dd style="font-size: 14px;">店铺间会员、优惠券通用,全局管理一步到位</dd>
							</dl>
						</a>
						<a href="" class="shop" style="padding-left: 0px;">了解更多</a>
					</div>

				</div>
				<div class="col-xs-7" style="margin-top: -30px;>
		 <div class=" m-t-60 ">
        <img src="../../public/images/index/pc-view.png " alt=" " style='width:743px;height: 450px; margin-top:0px;'>
	     </div>
	</div>
	 </div>
 </div>
<!-----------------------------------------yellow----------------------------->	
     <div class="bg-floor ">
     	<div class="bg-yellow ">
     		<div class="col-xs-8 " style="margin-top: 96px; ">
     			<div style="height: 487px;width: 640px; " class="aaaa ">
	     			<div style="height: 487px;width: 640px; " class="tab tab1 img "></div>
	     			<div style="height: 487px;width: 640px; " class="tab tab2 img "></div>
	     			<div style="height: 487px;width: 640px; " class="tab tab3 img "></div>
	     			<div style="height: 487px;width: 640px; " class="tab tab4 img "></div>  
     			</div>
     		</div>
     		<div class="col-xs-4 " style="color: white; " >
               <div class="m-t-45 " style="padding-top:0px; margin-top: 80px; ">
			     <h5>会员营销</h5>
			   <div class="floor " style="background: rgba(230,230,230,0.4);border:1px solid white;border-radius:5px; ">
				   	<dl class="shopdl shopf floor1 ">
				   	  <dt style="font-size: 18px; " >短信营销</dt>
				   	  <dd style="font-size: 14px; ">到达率98%,经久不衰的营销工具</dd>
				    </dl>
			   </div>
			  <div class="floor ">
				   	<dl class="shopdl shopf floor2 " >
				   	  <dt style="font-size: 18px; ">微信营销</dt>
				   	  <dd style="font-size: 14px; ">打通你的微信公众号,立即拥有微店</dd>
				   </dl>
			  </div>
			   <div class="floor ">
				   	<dl class="shopdl shopf floor3 ">
					   	<dt style="font-size: 18px; ">手机橱窗</dt>
					   	<dd style="font-size: 14px; ">你的第二个门面,顾客在手机上付款选购</dd>
				   </dl>
			   </div>
			  <div class="floor ">
			   	 <dl class="shopdl shopf floor4 ">
				   	<dt style="font-size: 18px; ">优惠券</dt>
				   	<dd style="font-size: 14px; ">主动出击、精准推荐、让顾客回头不再困难</dd>
			     </dl>
			  </div>
			   <a href=" " class="shop " style=" padding-left: 20px;color: white;font-family: Arial; ">了解更多></a>
		   </div>
	       </div>
     	</div>
     </div>	   
     
     <div class="texiao">
   	   <div class="donghua">
   		<h4>超过370,000商户使用生意专家管理进销存、会员和营销</h4>
   	  
<div id="wrap">
  <ul>
    <li> <img width="380" height="230" src="../../public/images/index/story-01.jpg"/>
      <div class='cover'>
        <h3 class='p1' style="width: 78px;"> 老树茶楼 </h3>
        <p>'以前办过一批按次消费的会员卡，每次在本子上消次，太麻烦，后来只好放弃'现在有了生意专家，我又能继续开展储值了</p>
      </div>
    </li>
    <li> <img width="380" height="425" src="../../public/images/index/story-03.jpg"/>
      <div class='cover'>
        <h3 class='p1' style="width:112px;"> 乐蔬健康餐饮</h3>
        <p>'结账的时候，顾客同步收到一条感谢短信，收到短信的顾客满是惊喜。每当这个时刻，我就知道，用生意专家，选对了'</p>
      </div>
    </li>
    <li> <img width="380" height="230" src="../../public/images/index/story-05.jpg"/>
      <div class='cover'>
        <h3 class='p1' style="width: 149px;">智慧宝贝母婴童装 </h3>
        <p>'3家店都在用！会员跨店消费非常方便！真是我生意的好帮手，不愧是生意专家！</p>
      </div>
    </li>
     <li style="position:relative;left: -785px;"> <img width="380" height="425" src="../../public/images/index/story-02.jpg"/>
      <div class='cover'>
        <h3 class='p1' style="width: 131px;">爱家家居生活馆  </h3>
        <p>'店里货品又多又杂，以前，店员每天给我发销售、盘货信息，麻烦。现在有了生意专家，我在手机上就可以查到所有信息，随时随地，方便'</p>
      </div>
    </li>
    <li style="top: -240px;left: 392px;"> <img width="380" height="230" src="../../public/images/index/story-04.jpg"/>
      <div class='cover'>
        <h3 class='p1' style="width:110px;">Z00 COFFEE </h3>
        <p>'用优惠券功能，只是图个新鲜，试试看。到现在整3个月，每天都有人领券，也总有新面孔，凭券来消费，生意就这样红火起来了'</p>
      </div>
    </li>
    <li style="float: right;top: -435px;left: -12px;"> <img width="380" height="425" src="../../public/images/index/story-06.jpg"/>
      <div class='cover'>
        <h3 class='p1' style="width:94px;">海盗船精品 </h3>
        <p>'以前办会员卡都是发张卡片，容易丢，会员还总是忘带。现在用生意专家会员来消费，只要报一下姓名或手机号，就能识别身份了，还省了印卡的成本'</p>
      </div>
    </li> 
  </ul>
</div>
 <div class="clear"></div>
<span style=" position: relative;top: -400px; left: 360px; width: 780px;height: 52px;margin: 10px auto;font-size: 24px;">它简单实用，功能强大，正是您需要的！ <a href="" class="btn btn-large" style="display: inline; margin-top:50px;margin-left:60px; color: white;font-family: 'microsoft yahei';">立即注册</a></span>
 </div>


     </div>	
     
     <div class="clear"></div>

      <div id="footer2"></div>
<script>
//特效--------------------------------------------------------

    
    
(function() {
    var $li = $('#wrap ul li');
//  console.log($li)
    $('#wrap ul li').eq(0).hover(function(e) {

        move.call(this, e, true);
    },
    function(e) {
        move.call(this, e, false);
    });
    function move(e, bool) {
        var top = $(this).offset().top;
        var bottom = top + $(this).height();
        var left = $(this).offset().left;
        var right = left + $(this).width();

        var x = e.pageX,
        y = e.pageY;

        var sT = Math.abs(y - top),
        sB = Math.abs(y - bottom),
        sL = Math.abs(x - left),
        sR = Math.abs(x - right);

        var a = Math.min(sT, sB, sL, sR);

        switch (a) {
        case sT:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '-230px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '-230px'
                },
                200);
            }

            break;

        case sB:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '230px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '230px'
                },
                200);
            }
            break;

        case sL:

            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '-380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '-380px'
                },
                200);
            }

            break;

        case sR:
            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '380px'
                },
                200);
            }
            break;
        }

        //console.log( '距离顶部:'+sT+'   距离底部:'+sB+'   距离左边:'+sL+'   距离右边:'+sR )
    };

})();

(function() {

    var $li = $('#wrap ul li');
    
    console.log($li)
    $('#wrap ul li').eq(1).hover(function(e) {

        move.call(this, e, true);

    },
    function(e) {
        move.call(this, e, false);
    });
    

    function move(e, bool) {
        var top = $(this).offset().top;
        var bottom = top + $(this).height();
        var left = $(this).offset().left;
        var right = left + $(this).width();

        var x = e.pageX,
        y = e.pageY;

        var sT = Math.abs(y - top),
        sB = Math.abs(y - bottom),
        sL = Math.abs(x - left),
        sR = Math.abs(x - right);

        var a = Math.min(sT, sB, sL, sR);

        switch (a) {
        case sT:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '-425px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '-425px'
                },
                200);
            }

            break;

        case sB:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '425px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '425px'
                },
                200);
            }
            break;

        case sL:

            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '-380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '-380px'
                },
                200);
            }

            break;

        case sR:
            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '380px'
                },
                200);
            }
            break;
        }

        //console.log( '距离顶部:'+sT+'   距离底部:'+sB+'   距离左边:'+sL+'   距离右边:'+sR )
    };

})();

(function() {

    var $li = $('#wrap ul li');
    
    console.log($li)
    $('#wrap ul li').eq(2).hover(function(e) {

        move.call(this, e, true);

    },
    function(e) {
        move.call(this, e, false);
    });
    

    function move(e, bool) {
        var top = $(this).offset().top;
        var bottom = top + $(this).height();
        var left = $(this).offset().left;
        var right = left + $(this).width();

        var x = e.pageX,
        y = e.pageY;

        var sT = Math.abs(y - top),
        sB = Math.abs(y - bottom),
        sL = Math.abs(x - left),
        sR = Math.abs(x - right);

        var a = Math.min(sT, sB, sL, sR);

        switch (a) {
        case sT:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '-230px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '-230px'
                },
                200);
            }

            break;

        case sB:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '230px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '230px'
                },
                200);
            }
            break;

        case sL:

            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '-380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '-380px'
                },
                200);
            }

            break;

        case sR:
            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '380px'
                },
                200);
            }
            break;
        }

        //console.log( '距离顶部:'+sT+'   距离底部:'+sB+'   距离左边:'+sL+'   距离右边:'+sR )
    };

})();

(function() {
    
    var $li = $('#wrap ul li');
    
    console.log($li)
    $('#wrap ul li').eq(3).hover(function(e) {

        move.call(this, e, true);

    },
    function(e) {
        move.call(this, e, false);
    });
    

    function move(e, bool) {
        var top = $(this).offset().top;
        var bottom = top + $(this).height();
        var left = $(this).offset().left;
        var right = left + $(this).width();

        var x = e.pageX,
        y = e.pageY;

        var sT = Math.abs(y - top),
        sB = Math.abs(y - bottom),
        sL = Math.abs(x - left),
        sR = Math.abs(x - right);

        var a = Math.min(sT, sB, sL, sR);

        switch (a) {
        case sT:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '-425px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '-425px'
                },
                200);
            }

            break;

        case sB:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '425px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '425px'
                },
                200);
            }
            break;

        case sL:

            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '-380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '-380px'
                },
                200);
            }

            break;

        case sR:
            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '380px'
                },
                200);
            }
            break;
        }

        //console.log( '距离顶部:'+sT+'   距离底部:'+sB+'   距离左边:'+sL+'   距离右边:'+sR )
    };

})();

(function() {

    var $li = $('#wrap ul li');
    
    console.log($li)
    $('#wrap ul li').eq(4).hover(function(e) {

        move.call(this, e, true);

    },
    function(e) {
        move.call(this, e, false);
    });
    

    function move(e, bool) {
        var top = $(this).offset().top;
        var bottom = top + $(this).height();
        var left = $(this).offset().left;
        var right = left + $(this).width();

        var x = e.pageX,
        y = e.pageY;

        var sT = Math.abs(y - top),
        sB = Math.abs(y - bottom),
        sL = Math.abs(x - left),
        sR = Math.abs(x - right);

        var a = Math.min(sT, sB, sL, sR);

        switch (a) {
        case sT:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '-230px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '-230px'
                },
                200);
            }

            break;

        case sB:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '230px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '230px'
                },
                200);
            }
            break;

        case sL:

            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '-380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '-380px'
                },
                200);
            }

            break;

        case sR:
            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '380px'
                },
                200);
            }
            break;
        }

        //console.log( '距离顶部:'+sT+'   距离底部:'+sB+'   距离左边:'+sL+'   距离右边:'+sR )
    };

})();

(function() {
    
    var $li = $('#wrap ul li');
    
    console.log($li)
    $('#wrap ul li').eq(5).hover(function(e) {

        move.call(this, e, true);

    },
    function(e) {
        move.call(this, e, false);
    });
    

    function move(e, bool) {
        var top = $(this).offset().top;
        var bottom = top + $(this).height();
        var left = $(this).offset().left;
        var right = left + $(this).width();

        var x = e.pageX,
        y = e.pageY;

        var sT = Math.abs(y - top),
        sB = Math.abs(y - bottom),
        sL = Math.abs(x - left),
        sR = Math.abs(x - right);

        var a = Math.min(sT, sB, sL, sR);

        switch (a) {
        case sT:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '-425px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '-425px'
                },
                200);
            }

            break;

        case sB:
            if (bool) {
                $(this).find('.cover').css({
                    left:
                    0,
                    top: '425px'
                }).stop().animate({
                    top: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    top: '425px'
                },
                200);
            }
            break;

        case sL:

            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '-380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '-380px'
                },
                200);
            }

            break;

        case sR:
            if (bool) {
                $(this).find('.cover').css({
                    top:
                    0,
                    left: '380px'
                }).stop().animate({
                    left: 0
                },
                200);
            } else {
                $(this).find('.cover').stop().animate({
                    left: '380px'
                },
                200);
            }
            break;
        }

        //console.log( '距离顶部:'+sT+'   距离底部:'+sB+'   距离左边:'+sL+'   距离右边:'+sR )
    };

})();
		
		
        $('.floor:eq(0)').hover(function()
           {
        	 $('.img:eq(0)').css('display','block').animate({
                    opacity:'1'
                },300)       	
        	 $('.floor').css('background','').css('border','none')
        	 $('.floor:eq(0)').css('background-color','rgba(230,230,230,0.4)')
        	 .css('border','1px solid white').css('border-radius','5px')
            },
         function()
           {
           	 $('.img:eq(0)').css('display','none').animate({
                    opacity:'0'
                },300)
             $('.floor:eq(0)').css('background-color','rgba(230,230,230,0.4)')
             .css('border','1px solid white').css('border-radius','5px')           
             $('.aaaa').css('background-image','url(../../public/images/index/tab-1.png)')
            })
        
        $('.floor:eq(1)').hover(function()
           {
        	 $('.img:eq(1)').css('display','block').animate({
                    opacity:'1'
                },300)      	
        	 $('.floor').css('background','').css('border','none')
        	 $('.floor:eq(1)').css('background-color','rgba(230,230,230,0.4)')
        	 .css('border','1px solid white').css('border-radius','5px')       	
            },
         function()
           {
           	 $('.img:eq(1)').css('display','none').animate({
                    opacity:'0'
                },300)  
             $('.floor:eq(1)').css('background-color','rgba(230,230,230,0.4)')
             .css('border','1px solid white').css('border-radius','5px')                                 
             $('.aaaa').css('background-image','url(../../public/images/index/tab-2.png)')
            })
        
        $('.floor:eq(2)').hover(function()
           {
        	 $('.img:eq(2)').css('display','block').animate({
                    opacity:'1'
                },300)
        	 $('.floor').css('background','').css('border','none')       	
        	 $('.floor:eq(2)').css('background-color','rgba(230,230,230,0.4)')
        	 .css('border','1px solid white').css('border-radius','5px')
            },
         function()
           {
           	 $('.img:eq(2)').css('display','none').animate({
                    opacity:'0'
                },300) 
             $('.floor:eq(2)').css('background-color','rgba(230,230,230,0.4)')
             .css('border','1px solid white').css('border-radius','5px')                                  
             $('.aaaa').css('background-image','url(../../public/images/index/tab-3.png)')
            })
        
        $('.floor:eq(3)').hover(function()
           {
        	 $('.img:eq(3)').css('display','block').animate({
                    opacity:'1'
                },300)
        	 $('.floor').css('background','').css('border','none')
        	 $('.floor:eq(3)').css('background-color','rgba(230,230,230,0.4)')
        	 .css('border','1px solid white').css('border-radius','5px')
            },
         function()
           {
           	 $('.img:eq(3)').css('display','none').animate({
                    opacity:'0'
                },300)
             $('.floor:eq(3)').css('background-color','rgba(230,230,230,0.4)')
             .css('border','1px solid white').css('border-radius','5px')                       
             $('.aaaa').css('background-image','url(../../public/images/index/tab-4.png)')
            })

			
		var app = new Vue({
		el:'#web2',
		data:
		{
			intrs:[
					{
					    img:'../../public/images/index/sp-1.png',
						h5:'基础功能免费',
						p:'支持实体店各类日常管理，不花钱',
						p2:'也能用上好软件。'
					},
					{
					    img:'../../public/images/index/sp-2.png',
						h5:'全部行业适用',
						p:'你身边的服装店、日化店、商超百货、美容美'	,
						p2:'发店，还有更多行业，都在使用生意专家。'
					},
					{
					    img:'../../public/images/index/sp-3.png',
						h5:'营业额飙升',
						p:'多种营销工具，帮你拓客锁客。用过的老板表示:',
						p2:'营业额轻轻松松涨了30%。'
					}
		    ]
		}	
	})
		
		
		 $('#nav').load('nav.html')
  
   $('#footer2').load('footer2.html')
		</script>
	</body>
</html>